<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@ page import="javax.portlet.*"%>
<%@ taglib uri="http://java.sun.com/portlet" prefix="portlet"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<portlet:defineObjects />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Solutions 
Description: A two-column, fixed-width design for 1024x768 screen resolutions.
Version    : 1.0
Released   : 20091102
-->

<script type="text/javascript" src="<%= response.encodeURL(request.getContextPath() + "/simpletreemenu.js") %>">
/***********************************************
* Simple Tree Menu- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<link rel="stylesheet" type="text/css" href="<%= response.encodeURL(request.getContextPath() + "/style/simpletree.css") %>" />

<script type="text/javascript" src="<%= response.encodeURL(request.getContextPath() + "/calendarDateInput.js") %>">
/***********************************************
* Jason's Date Input Calendar- By Jason Moon http://calendar.moonscript.com/dateinput.cfm
* Script featured on and available at http://www.dynamicdrive.com
* Keep this notice intact for use.
***********************************************/
</script>
<link href="<%= response.encodeURL(request.getContextPath() + "/style/style.css") %>" rel="stylesheet" type="text/css" media="screen" />

<portlet:actionURL var="updateCompany">
	<portlet:param name="action" value="actionCompany"/>
</portlet:actionURL>

<form method="post" action="${updateCompany}">
<table align="center">
	<tr class="title">
			<td colspan="2">		
					<h1><a href="#">Personal information tracking system </a></h1>
					<p>exploit the value of data</p>
					<hr />
			</td>
	</tr>
	
	<tr>
		<td colspan="2" align="right">Welcome, emp|  <a href="EditEmployeeInfo.html">Home</a> | <a href="#">Edit Profile</a>| <a href="Login.html">Logout</a></td>
	</tr>
	
	<tr>	
		<td>
			<table border="1">
				<tr>
					<td><h2 class="title">Experience  Information</h2></td>
				</tr>
					
				<tr>
					<td><em>General Information </em><p/></td>
				</tr>
				<tr>
					<td>
						<table border="1" width="100%">							
							<tr>
							  <td align="left" valign="bottom">&nbsp;Company</td>
							  <td align="left" valign="middle" colspan="2">
							  	<c:set var="a" value="FPT Software"></c:set>
							  	<c:out value="${a}"></c:out>
							  </td>
							</tr><tr>
							  <td align="left" valign="bottom">&nbsp;Address&nbsp;</td>
							  <td align="left" valign="middle" colspan="2">
							  	<!-- Address -->
							  </td>
							</tr>
							<tr>
							  <td align="left" valign="bottom">&nbsp;Phone&nbsp;</td>
							  <td align="left" valign="bottom" colspan="2">
							  	<!-- Phone -->
							  </td>
							</tr> 							
							  
						  
						  	<tr>
								<td>&nbsp;Department&nbsp;</td>
								<td colspan="2" align="left" valign="middle">
								  <select name="selectDepart" onchange="if(this.value=='Other'){
														this.form.otherDepart.style.visibility='visible';
														this.form.otherDepart.focus();}
												else{this.form.otherDepart.style.visibility='hidden';}">
									<option value="1">G33</option>
									<option value="1">G36</option>
									<option value="1">G6</option>
									<option value="1">RAI</option>
									<option value="Other">Other</option>
								</select>
							  <input name="otherDepart" type="text" style="visibility:hidden" />							  </td>  
						  </tr>
							
							<tr>
							  <td align="left" valign="middle" rowspan="2">&nbsp;Working Period&nbsp;</td>
							  <td align="left" valign="bottom">From</td>
							  <td align="left" valign="middle">&nbsp;

										<script>
											DateInput('periodFrom', true, 'DD/MM/YYYY');
										</script>		
										<input type="hidden" name="textPeriodFrom">			  
							 </td>  							 
						  </tr>
						  <tr>
							  	<td align="left" valign="bottom">&nbsp;To&nbsp;</td>
						  		<td align="left" valign="bottom">&nbsp;
										<script>
											DateInput('periodTo', true, 'DD/MM/YYYY');
										</script>
										<input type="hidden" name="textPeriodTo">
								</td>
						  </tr>
						  <tr>
							  	<td align="left" valign="bottom">&nbsp;Role&nbsp;</td>
								<td><textarea name="projectRole" rows="4"></textarea></td>
						  		<td align="left" valign="middle"><select name="selectRole" onchange="if(this.value=='Other'){
														this.form.otherRole.style.visibility='visible';
														this.form.otherRole.focus();}
												else{this.form.otherRole.style.visibility='hidden';}">
						  		  <option value="DEV">Developer</option>
						  		  <option value="TEST">Tester</option>
						  		  <option value="BSE">BrSE</option>
						  		  <option value="TEL">Team Leader</option>
						  		  <option value="PM">Project Manager</option>
						  		  <option value="COM">Comtor</option>
                                  <option value="Other">Other</option>
                                                                </select>
								<input name="otherRole" type="text" style="visibility:hidden" />
								 <input name="addRole" type="button" value="Add" 
								  			onclick="
													if(this.form.selectRole.value!='Other'){
														if(this.form.projectRole.value==''){
															this.form.projectRole.value = this.form.selectRole.value;
														} else{
															this.form.projectRole.value = this.form.projectRole.value+', '+this.form.selectRole.value;
														}
													}else{
														if(this.form.projectRole.value==''){
															this.form.projectRole.value = this.form.otherRole.value;
														} else{
															this.form.projectRole.value = this.form.projectRole.value+', '+this.form.otherRole.value;
														}
													}
													"/>
								</td>
								
						  </tr>
						  <tr>
						  	<td>More Description</td>
							<td colspan="2"><textarea name="description" cols="" rows="2"></textarea></td>
						  </tr>

						  <tr align="left" valign="bottom">
						  	  <td colspan="3">
						  	  	<input type="submit" name="submitUpdate" value="Update" 
						  	  				onclick="
							  	  					this.form.textPeriodFrom.value = this.form.periodFrom.value;
							  	  					this.form.textPeriodTo.value = this.form.periodTo.value;
							  	  					"/>
						  	  	<input type="button" name="buttonCancel" value="Cancel" />
						  	  </td>
						  </tr>
				    </table>					</td>
				</tr>
			</table>			
		</td>
	</tr>
	<tr>
		<td colspan="2">
			<div style="clear: both;">&nbsp;</div>
			<div id="footer"><p>Development by PrepoolK7.</p>
			</div>
		</td>
	</tr>
</table>
</form>
